<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>穷游商城</title>
	<link rel="stylesheet" type="text/css" href="dist/css/store.css"/>
</head>
<body>
	<div id="store">
		
		<header>
			<img src="../img/bbs_search.png"/>
			<input ng-click="flag=true" placeholder="搜索特价商品" id="ju"/>
		</header>		
		<div class="main" ng-if='!flag'>
			<div class="one">
				<ul>
					<li><a href="../html/air.html"><img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2042539769,3142984640&fm=23&gp=0.jpg"/><p>机加酒</p></a></li>
					<li><a href="../html/air.html"><img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=687000066,3609847836&fm=21&gp=0.jpg"/><p>机票</p></a></li>
					<li><a href="../html/air.html"><img src="http://img3.imgtn.bdimg.com/it/u=685686435,131383686&fm=23&gp=0.jpg"/><p>酒店</p></a></li>
					<li><a href="../html/air.html"><img src="http://img3.imgtn.bdimg.com/it/u=3605156355,2883000934&fm=21&gp=0.jpg"/><p>签证</p></a></li>
					<li><a href="../html/air.html"><img src="http://img0.imgtn.bdimg.com/it/u=3526795476,778332214&fm=23&gp=0.jpg"/><p>境外保险</p></a></li>
					<li><a href="../html/air.html"><img src="http://img0.imgtn.bdimg.com/it/u=1466110097,3518894291&fm=21&gp=0.jpg" style="border-radius: 10px;"/><p>当地游</p></a></li>
					<li><a href="../html/air.html"><img src="http://picd38.huitu.com/img/20161023/20161023111423834800_2.jpg"/><p>WIFI电话</p></a></li>
					<li><a href="../html/air.html"><img src="http://picd63.huitu.com/img/20161031/20161031150442421800_2.jpg"/><p>接送包车</p></a></li>
					<li><a href="../html/air.html"><img src="http://picd25.huitu.com/img/20161031/20161031124431775800_2.jpg"/><p>游轮</p></a></li>
					<li><a href="../html/air.html"><img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3495455783,4259356113&fm=23&gp=0.jpg"/><p>自驾</p></a></li>
				</ul>
			</div>
			<div class="two">
				<ul class="two_nei">
					<li style="margin-right:3%;">
						<div>
							<p>景点门票</p>
							<p>玩转乐园表演秀</p>
						</div>
						
					</li>
					<li>
						<div>
							<p>交通票券</p>
							<p>省事省力又省钱</p>
						</div>
					
						
					</li>
					<li style="margin-right:3%;">
						<div>
							<p>日玩小团</p>
							<p>带你玩热门路线</p>
						</div>
						
					</li>
					<li>
						<div>
							<p>深度体验</p>
							<p>深入当地人生活</p>
						</div>
						
					</li>
				</ul>
			</div>
			<div class="three">				
				<a href="http://m.qyer.com/z/zworld.php/apptopic/appExcl"><img src="../img/tejia.jpg" class="left"/></a>		
				<div class="right">
				<a href="http://m.qyer.com/place/flights"><img src="../img/ad4.jpg" style="margin-bottom: 3vw;"/></a>	
				<a href="http://m.qyer.com/z/zt/18qz/?source=app2"><img src="../img/miaosha.jpg"/></a>	
				</div>
			</div>
			<div class="four">
				<h5>港澳台</h5>
				<div class="ul1">
					<div><img src="../img/taiwan.jpg"/><p>台湾</p></div>
					<div><img src="../img/420x280 (2).jpg"/><p>澳门</p></div>
					<div><img src="../img/420x280 (3).jpg"/><p>垦丁</p></div>
					<div><img src="../img/420x280 (2).jpg"/><p>台北</p></div>					
				</div>
				
					<ul class="list1">
						<li ng-repeat="obj in arr">
							<img src="../dist/img/taiwan.jpg"/>
							<div>
								<p>{{obj.title}}</p>
								<p><span>{{obj.sold}}</span><span><span class="price">{{obj.price}}</span>元起</span></p>
							</div>
						</li>
					</ul>
				
				<p class="check">查看港澳台专题&nbsp;&gt</p> 
				
				<h5>日韩</h5>
				<div class="ul1">
					<div ng-repeat="obj in arr1"><img src="../dist/img/bali.jpg"/><p>{{obj.name}}</p></div>
									
				</div>
				
					<ul class="list1">
						<li ng-repeat="obj in arr2">
							<img src="../img/275x185 (1).jpg"/>
							<div>
								<p>{{obj.title}}</p>
								<p><span>{{obj.sold}}</span><span><span class="price">{{obj.price}}</span>元起</span></p>
							</div>
						</li>
					</ul>
				
				<p class="check">查看日韩专题&nbsp;&gt</p>
				<h5>东南亚</h5>
				<div class="ul1">
					<div ng-repeat="obj in arr3"><img src="../dist/img/bali.jpg"/><p >{{obj.name}}</p></div>
									
				</div>
				
					<ul class="list1">
						<li ng-repeat="obj in arr4">
							<img src="../img/275x185 (2).jpg"/>
							<div>
								<p>{{obj.title}}</p>
								<p><span>{{obj.sold}}</span><span><span class="price">{{obj.price}}</span>元起</span></p>
							</div>
						</li>
					</ul>
				
				<p class="check">查看东南亚专题&nbsp;&gt</p>
				<h5>欧洲美国</h5>
				<div class="ul1">
					<div ng-repeat="obj in arr5"><img src="../dist/img/bali.jpg"/><p >{{obj.name}}</p></div>
									
				</div>
				
					<ul class="list1">
						<li ng-repeat="obj in arr6">
							<img src="../img/420x280 (6).jpg"/>
							<div>
								<p>{{obj.title}}</p>
								<p><span>{{obj.sold}}</span><span><span class="price">{{obj.price}}</span>元起</span></p>
							</div>
						</li>
					</ul>
				
				<p class="check">查看欧洲美国专题&nbsp;&gt</p>
				<h5>国内机酒有折扣&emsp;四海八荒任你游</h5>
				<img src="../img/420x280 (5).jpg" style="width: 100%;margin-bottom: 1rem;"/>
				<ul class="list1">
						<li ng-repeat="obj in arr4">
							<img src="../img/420x280 (7).jpg"/>
							<div>
								<p>{{obj.title}}</p>
								<p><span>{{obj.sold}}</span><span><span class="price">{{obj.price}}</span>元起</span></p>
							</div>
						</li>
					</ul>
					<p class="check">查看完整专题&nbsp;&gt</p>
					<h5>相约穷游Q-HOME&emsp;共赴日本樱花</h5>
				<img src="../img/420x280 (4).jpg" style="width: 100%;margin-bottom: 1rem;"/>
				<ul class="list1">
						<li ng-repeat="obj in arr6">
							<img src="../img/420x280 (8).jpg"/>
							<div>
								<p>{{obj.title}}</p>
								<p><span>{{obj.sold}}</span><span><span class="price">{{obj.price}}</span>元起</span></p>
							</div>
						</li>
					</ul>
					<p class="check">查看完整专题&nbsp;&gt</p>
			</div>
			<div class="five">
				<h5>有好货</h5>
				<ul class="goods">
					<li ng-repeat="obj in arr7">
						<img src="../img/275x185 (3).jpg"/>
						<p>{{obj.title}}</p>
						<p class="second"><span>{{obj.status}}</span><span><span class="jiage">{{obj.price}}</span>元起</span></p>
						
					</li>
				</ul>
			</div>
		</div>
		<div class="serch" ng-if='flag' >
			<p class="cancle" ng-click="cancle()">取消</p>
			<h5><img src="../dist/img/zan.png"/>热门搜索</h5>
			<ul class="suo">
				<li ng-repeat="obj in serch"><a href="">{{obj}}</a></li>
				
			</ul>
		</div>
	</div>
</body>
</html>